import { ConicalColumnChart  } from '@jiaminghi/data-view-react'
import BigBase from './BigBase'

interface IConfig {
    data: Array<{ name: string, value: number }>
    img: Array<string>
    showValue: boolean
}

const config: IConfig = {
    data: [
        {
          name: '周口',
          value: 55
        },
        {
          name: '南阳',
          value: 120
        },
        {
          name: '西峡',
          value: 71
        },
        {
          name: '驻马店',
          value: 66
        },
        {
          name: '新乡',
          value: 80
        },
        {
          name: '信阳',
          value: 35
        },
        {
          name: '漯河',
          value: 15
        }
      ],
      img: [
        '/api/static/default/1st.png',
        '/api/static/default/2st.png',
        '/api/static/default/3st.png',
        '/api/static/default/4st.png',
        '/api/static/default/5st.png',
        '/api/static/default/6st.png',
        '/api/static/default/7st.png'
      ],
      showValue: true
}
const BigConicalColumnChart  = () => {
    return (
        <BigBase>
            <ConicalColumnChart config={config} style={{ width: '100%', height: '100%' }} />
        </BigBase>
    )
}

export default BigConicalColumnChart